<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1 ,user-scalable=0"/>
	<title>等级介绍</title>
	<style type="text/css">
		.hr{
			margin-bottom: 28px;
		}
		.lev-introduction{
			display: flex;
			margin: 0 20px;
			box-sizing: border-box;
			background-color: #f5f5f5;
		}
		.lev-line{
			width: 36px;
		}
		.img-right{
			width: 25px;
		}
		.lev{
			display: flex;
			align-items: center;
			padding-top: 24px;
		}
		.lev>img{
			width: 30px;
		}
		.lev>span{
			font-size: 20px;
		}
		.lev-content{
			flex: auto;
		}
		.line-out{
			display: block;
			margin-left: 20px;
		}
		p{
			margin-left: 56px;
		}
		.information {
			font-size: 13px;
			margin: 0 0 0 56px;
			color: #777777;
			line-height: 1.5;
		}
		.mg_top_10 {
			margin-top: 10px;
		}
	</style>
</head>
<body>
{php}
	$rightData = [];
	$center = [];
	if($driver_rank_id == 13){
		$rightData = [
			0 => '<img src="__STATIC__/traveller/img/line-1.png">',
			13 => '<img src="__STATIC__/traveller/img/line-7.png">',
			14 => '<img src="__STATIC__/traveller/img/line-8.png">',
			15 => '<img src="__STATIC__/traveller/img/line-4.png">',
		];
		$center = [
			13 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
			14 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
			15 => '<img src="__STATIC__/traveller/img/line-6.png" alt="#" class="line-out">',
		];
	}elseif($driver_rank_id == 14){
		$rightData = [
			0 => '<img src="__STATIC__/traveller/img/line-1.png">',
			13 => '<img src="__STATIC__/traveller/img/line-7.png">',
			14 => '<img src="__STATIC__/traveller/img/line-7.png">',
			15 => '<img src="__STATIC__/traveller/img/line-11.png">',
		];
		$center = [
			13 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
			14 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
			15 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
		];
	}elseif($driver_rank_id == 15){
		$rightData = [
			0 => '<img src="__STATIC__/traveller/img/line-1.png">',
			13 => '<img src="__STATIC__/traveller/img/line-7.png">',
			14 => '<img src="__STATIC__/traveller/img/line-7.png">',
			15 => '<img src="__STATIC__/traveller/img/line-10.png">',
		];
		$center = [
			13 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
			14 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
			15 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
		];
	}else{
		$rightData = [
			0 => '<img src="__STATIC__/traveller/img/line-1.png">',
			13 => '<img src="__STATIC__/traveller/img/line-2.png">',
			14 => '<img src="__STATIC__/traveller/img/line-3.png">',
			15 => '<img src="__STATIC__/traveller/img/line-4.png">',
		];
		$center = [
			13 => '<img src="__STATIC__/traveller/img/line-5.png" alt="#" class="line-out">',
			14 => '<img src="__STATIC__/traveller/img/line-6.png" alt="#" class="line-out">',
			15 => '<img src="__STATIC__/traveller/img/line-6.png" alt="#" class="line-out">',
		];
	}
{/php}
	<h3>等级分为四个级别：</h3>
	<hr class="hr">
	<div class="lev-introduction">
		<img src="__STATIC__/traveller/img/line-1.png" alt="#" class="lev-line">
		<div class="lev-content">
			<div class="lev">
				<img src="__STATIC__/traveller/img/new.png">
				<span>新手</span>
			</div>
			<hr>
			<span>加入花儿，注册新用户，即为新手</span>
		</div>
		<img src="__STATIC__/traveller/img/right.png" alt="#" class="img-right">
	</div>
	{foreach $list as $vo}
		{foreach name="center" item="crd" key="crk"}
			{if ($crk == $vo['id'])}
				{$crd}
			{/if}
		{/foreach}
		<div class="lev-introduction">
			{foreach name="rightData" item="rd" key="rk"}
			{if ($rk == $vo['id'])}
					{$rd}
				{/if}
			{/foreach}
			<div class="lev-content">
				<div class="lev">
					{if ($vo['id'] == 13)}
						<img src="__STATIC__/traveller/img/primary.png">
					{elseif ($vo['id'] == 14)}
						<img src="__STATIC__/traveller/img/intermediate.png">
					{elseif ($vo['id'] == 15)}
						<img src="__STATIC__/traveller/img/advanced.png">
					{/if}
					<span>{$vo.name}</span>
				</div>
				<hr>
				<span>{$vo.desc}</span>
			</div>
			<img src="__STATIC__/traveller/img/right.png" alt="#">
		</div>
	{/foreach}
	<p class="information mg_top_10">级别的升级，是单线从低往高走的，</p>
	<p class="information">受到旅客投诉，也会降级，降级可以申诉。</p>
</body>
</html>